// 在react里要想导航守卫，使用高阶组件
// 高阶组件就是一个函数，他以一个组件为参数，返回一个新的组件
import {Navigate} from "react-router-dom"
let Islogin = (WrapComponent)=>{
    let token = window.localStorage.getItem("token") // 要么是token字符串，要么是undifined
    return (props)=>{
        if (!token) { // 没有token,说明没登陆，要导航守卫，重定向到登录页
            return <Navigate to="/login"></Navigate>
        }
        return <WrapComponent {...props}></WrapComponent>
    }
}
export default Islogin